Description

The footer links had mismatched hover colors.
This commit standardizes them to match the design system.

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update
• Code refactoring
• Performance improvement
• UI/UX improvement
• Content update
• Chore/maintenance

Related Issue

Closes #61

Changes Made

• Ui: fix footer links mismatched hover colors

Testing Done

• Manual UI check: Checked hover consistency on desktop and mobile breakpoints.
• Tested in development mode (npm run dev)
• Tested production build (npm run build && npm start)
• Tested on multiple browsers (chrome, Microsoft edge , Firefox)
• Tested on mobile devices/responsive design
• Ran linting (npm run lint)
• Checked for console errors

Screenshots (if applicable)

Checklist

IMPORTANT: Please ensure all items are checked before submitting. PRs that don't follow these guidelines may be closed.

• I have read and followed all guidelines in CONTRIBUTING.md
• I have used the correct branch naming convention (feature/, fix/, docs/, etc.)
• My commits follow Conventional Commits format (feat:, fix:, docs:, etc.)
• I have performed a self-review and tested my changes thoroughly
• CRITICAL: I confirm ONLY my intended changes are included (no unrelated changes, debug code, or breaking changes)
• I have updated relevant documentation if needed
• I have tested the production build locally
• My changes are responsive and work on mobile devices

Additional Notes

Any additional information that would be helpful for reviewers?

Remember: Quality over quantity. A well-tested, properly documented small PR is better than a large, rushed contribution.

For more details, please refer to our Contributing Guidelines.